<%@ include file="../views/taglib.jsp" %>

<script type="text/javascript">
	$(document).ready(function(){
		$("#table_history").dataTable();
	});
</script>

<h2 class="text-info text-center">History User</h2>

<table class="table table-striped table-bordered table-hover" id="table_history">
	 <thead>
		 <tr>
		 	<th>Id</th>
		 	<th>Login Id</th>
		 	<th>Time Login</th>
		 	<th>Time Logout</th>
		 <tr>
	 </thead>
	 <tbody>
	 	<c:forEach items="${histories}" var="history">
	 		<tr>
	 			<td>${history.id}</td>
	 			<td>${history.userinfo.id}</td>
	 			<td>${history.start}</td>
	 			<td>${history.end}</td>
	 		</tr>
	 	</c:forEach>
	 </tbody>
</table>